<template>
  <div>
    <!-- 
      自定义指令：当vue内置的指令不能满足需求的时候，需要用到。
      如何自定义指令呢？答：有2中方法
      方式一：注册为全局指令 -- main.js中进行注册
      语法：Vue.directive("自定义指令名", {
        inserted(el){
          el: 表示使用该指令是的标签
        }
      })
      方式二：注册为局部指令 -- 某个vue文件中进行注册
      语法：directives: {
        自定义指令名：{
          inserted(el){
            el: 表示使用该指令是的标签
          }
        }
      }
      如何使用自定义指令呢？
      答：v-自定义指令名
     -->
    <h1 v-color v-size>hello vue</h1>
  </div>
</template>

<script>
export default {
  directives: {
    // 自定义指令 设置字体大小为50px
    size: {
      inserted(el){
        el.style.fontSize = "50px"
      }
    }
  }
}
</script>

<style>

</style>